
<template>
  <div class="dx-muen-container">
    <MenuLists />
    <router-view />
    <DataDetail v-if="detailID" :detailID="detailID" />
  </div>

  <!-- <div class="dx-muen-container">
    <transition name="breadcrumb">
      <router-view />
    </transition>
  </div> -->
</template>

<script>
import MenuLists from "./MenuLists.vue";
import DataDetail from "./DataDetail.vue";
export default {
  name: "DxMonitoring",
  components: {
    MenuLists,
    DataDetail,
  },
  provide: function () {
    return {
      upDataDetailId: this.upDataDetailId,
    };
  },
  data() {
    return {
      detailID: 1,
    };
  },
  mounted() {
    // 判断是否存入
    const proNum = this.$store.getters.proNum || null;
    // this.detailID = this.$route.params.id || null;
  },
  methods: {
    upDataDetailId(id) {
      this.detailID = id;
    },
  },
};
</script>

<style lang="scss" scoped>
.dx-muen-container {
  position: relative;
  min-height: 400px;
}
</style>



